<template>
  <RouterView />
</template>
<script setup lang="ts">
import { ref, computed } from 'vue'
import { useRoute, RouterView } from 'vue-router'
const isCollapse = ref(false)
const route = useRoute()

// TODO 这个机制有些问题
const dashboard = computed(() => {
  // console.log(route.path)
  // if (route.path === '/login') {
  //   return false
  // }
  // if (route.path === '/content/doc/editor') {
  //   return false
  // }
  //   if (path.value === '/exam/paper/editor') {
  //     return false
  //   }
  // return true
})
// const collapseAside = () => {
//   isCollapse.value = !isCollapse.value
// }
</script>
<style lang="scss">
header {
  background-color: #ffffff;
  border-bottom: solid 1px #e5e6eb;
}
aside {
  background-color: #344055;
  color: #ffffff;
  //   border-right: solid 1px #e5e6eb;
  position: relative;
  .collapse {
    position: absolute;
    bottom: 12px;
    right: -12px; // TODO 很奇怪
  }
}
main {
  background-color: #f1f2f6;
}
.container {
  width: 100%;
  height: 100vh;
}
:root {
  --el-aside-width: 220px;
}
.box {
  background-color: #ffffff;
  padding: 18px;
  border-radius: 3px;
}
.collapse {
  width: 64px;
}
.empty-btn {
  text-align: center;
}
</style>
